﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditProfile.ascx.cs"
    Inherits="SonCa.SocialNetwork.Web.Profiles.ASCX.EditProfile" %>
<link rel="stylesheet" href="../../css/bootstrap.css" />
<link rel="stylesheet" href="../../css/site.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
    $(function () {
        $("#accordion").accordion();
    });

    $(function () {
        $(".datepicker").datepicker();
    });
</script>
<div id="accordion">
    <h3>
        Thông tin cơ bản</h3>
    <div>
        <div class="row">
            <div class="left">
                Họ tên
            </div>
            <div class="right">
                <asp:TextBox ID="txtFullName" runat="server" CssClass="input_block_level"></asp:TextBox></div>
        </div>
        <div class="row">
            <div class="left">
                Ngày sinh
            </div>
            <div class="right">
                <asp:TextBox ID="txtBirthDate" runat="server" CssClass="input_block_level datepicker"></asp:TextBox></div>
        </div>
        <div class="row">
            <div class="left">
                Giới tính
            </div>
            <div class="right">
                <asp:DropDownList runat="server" ID="ddlGender">
                    <asp:ListItem Value="0" Text="Nam"></asp:ListItem>
                    <asp:ListItem Value="1" Text="Nữ"></asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <div class="row">
            <div class="left">
                Quốc gia
            </div>
            <div class="right">
                <asp:DropDownList runat="server" ID="ddlNation">
                </asp:DropDownList>
            </div>
        </div>
        <div class="row">
            <div class="left">
                Tỉnh, Thành
            </div>
            <div class="right">
                <asp:DropDownList runat="server" ID="ddlCity">
                </asp:DropDownList>
            </div>
        </div>
        <div class="row">
            <div class="left">
                Email
            </div>
            <div class="right">
                <asp:TextBox ID="txtEmail" runat="server" CssClass="input_block_level"></asp:TextBox></div>
        </div>
        <div class="row">
            <div class="left">
                Lời giới thiệu
            </div>
            <div class="right">
                <asp:TextBox ID="txtAboutMe" runat="server" CssClass="input_block_level" TextMode="MultiLine"></asp:TextBox></div>
        </div>
    </div>
    <h3>
        Học hành, nghề nghiệp</h3>
    <div>
        <div class="block">
            <div class="row">
            <div class="left">
                Quốc gia
            </div>
            <div class="right">
                <asp:DropDownList runat="server" ID="ddlSchoolNation">
                </asp:DropDownList>
            </div>
        </div>
        </div>
        <div class="block">
            <div class="row">
                <div class="left">
                    Họ tên
                </div>
                <div class="right">
                    <asp:TextBox ID="TextBox2" runat="server" CssClass="input_block_level"></asp:TextBox></div>
            </div>
        </div>
    </div>
    <h3>
        Nơi ở</h3>
    <div>
        <p>
            Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
            pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque
            semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam
            nisi, eu iaculis leo purus venenatis dui.
        </p>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>
    <h3>
        Sở thích</h3>
    <div>
        <p>
            Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada
            fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et
            ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
        </p>
        <p>
            Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class
            aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
        </p>
    </div>
</div>
